// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base/palette' as *;

$already-linked: repeating-linear-gradient(
  -45deg,
  $pastel-gray,
  $pastel-gray 10px,
  $light-gray 10px,
  $light-gray 20px
);

.active-bookings {
  margin-top: 15px;

  :global(.redux-lazy-scroll) {
    overflow: unset !important;
  }

  .day-cards {
    .day-cards-header {
      display: flex;
      align-items: center;
      height: 50px;
    }

    .day-cards-container {
      margin-right: 1em;
    }

    :global(.icon.calendar.outline) {
      font-size: 1.2em;
    }

    :global(.cards) {
      margin-top: 0;
    }

    .booking-card {
      .booking-card-header,
      .booking-booked-for {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }

      &.already-linked {
        background: $already-linked;

        &:hover {
          background: $already-linked;
        }
      }
    }
  }
}
